<template>
  <div class="shounav">
    您的当前位置 :
    <span v-for="(item,index) in routernav" :key="index">
      <span v-if="item.zi!='首页'"> > </span>
      <router-link :to="item.to">{{item.zi}}</router-link>
    </span>
  </div>
</template>

<script>
export default {
  props: ["routernav"]
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.shounav {
  width: 80%;
  margin: 1rem auto;
  padding: 1rem 0px;
  text-indent: 1rem;
  background: #f4f4f4;
}
.shounav a {
  color: #666;
  text-decoration: none;
}
</style>
